<template>
  <div class="icon-title-cont">
    <div class="list">
      <img class="icon" src="@/assets/img/zaixian/renzheng.png" alt />
      <div>
        <div class="title">会员认证</div>
        <div class="cont">{{coures.memberText}}</div>
      </div>
    </div>
    <div class="list">
      <img class="icon" src="@/assets/img/zaixian/zhuanzhang.png" alt />
      <div>
        <div class="title">转账至协会账户</div>
        <div class="cont">{{coures.accountText}}</div>
      </div>
    </div>
    <div class="list">
      <img class="icon" src="@/assets/img/zaixian/shangchuan.png" alt />
      <div>
        <div class="title">上传资料</div>
        <div class="cont">{{coures.uploadText}}</div>
      </div>
    </div>
    <div class="list">
      <img class="icon" src="@/assets/img/zaixian/kaitong.png" alt />
      <div>
        <div class="title">开通课程</div>
        <div class="cont">{{coures.openText}}</div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'ActivityList',
  props: {
    coures: {
      type: Object,
      default: () => {},
    },
  },
  components: {},
  data() {
    return {}
  },
  methods: {},
  mounted() {},
}
</script>

<style lang='scss'>
@import '@/assets/css/base';
.icon-title-cont {
  margin-top: 26px;
  .list {
    display: flex;
    margin-bottom: px2rem(60);
    .icon {
      min-width: px2rem(80);
      width: px2rem(80);
      height: px2rem(80);
      margin-right: px2rem(24);
    }
    .title {
      color: #333;
      font-size: px2rem(30);
      margin-bottom: px2rem(4);
      font-weight: bold;
    }
    .cont {
      color: #666;
      font-size: px2rem(26);
      line-height: 22px;
    }
  }
}
</style>
